iT邦幫忙

2022 iThome 鐵人賽

0
Modern Web

30天淺嘗主流前端設計系列 第 25

DAY25 認識Jquery UI2 ~~

  • 分享至 

  • xImage
  •  

DAY25 認識Jquery UI2 ~~

今天我們要詳細點的來介紹JQuery UI所提供的功能,我們也可以上到官網能看到更詳細的介紹~~~
JQuery UI的功能大致可以分為四個類型:

1.Interaction(互動):
- Draggable:能透過滑鼠拖曳元素。
- Droppable:能建立可拖放元素的目標。
- Resizable:能透過滑鼠控制元素的大小。
- Selectable:能透過滑鼠選取元素。
- Sortable:能透過滑鼠將元素進行排序。

2.Widget(元件):
- Accordion:顯示可折疊的區塊。
- Autocomplete:顯示自動完成的清單。
- Button:顯示按鈕。
- Checkboxradio:顯示核取方塊及選擇鈕。
- Controlgroup:將多個元件做為一個群組。
- Datepicker:日期選擇器。
- Dialog:對話方塊。
- Menu:功能表。
- Progressbar:進度列。
- Selectmenu:下拉式清單。
- Slider:滑桿。
- Spinner:控制介面。
- Taps:標籤頁。
- Tooltip:工具提示。

3.Effect(特效):
- Add Class:樣式變化時會有特效。
- Color Animation:色彩變化時會有特效。
- Easing:在動畫中產生不同的速度變化。
- Effect:產生各種特效。
- Toggle:隱藏或顯示元素。

4.Utility(公用程式):
- Position:設定元素的位置。
- Widget Factory:建立元件的外掛程式。

今天先介紹JQuery UI的功能大綱,下一篇會開始詳細的介紹用法~~~~
今天的課程就到這邊。


上一篇
DAY24 認識Jquery UI1 ~~
下一篇
DAY26 JQuery UI 元件:Dialog!!
系列文
30天淺嘗主流前端設計30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言